<template>
  <div>
    <todoItem
      v-for="item in list"
      :key="item.id"
      :item="item"
      @checkChange="$emit('checkChange', $event)"
      @deleteItem="$emit('deleteItem', $event)"
      @handleChange="$emit('handleChange', $event)"
    />
  </div>
</template>

<script>
import todoItem from "@/components/todoItem.vue";
export default {
  props: {
    list: {
      type: Array,
      default: () => {
        return [];
      },
    },
  },
  components: {
    todoItem,
  },
};
</script>

<style scoped>
</style>